import { createApp } from 'vue'
import {
  Button,
  Search,
  Icon,
  Swipe,
  SwipeItem,
  Image as VanImage,
  Loading,
  Tab,
  Tabs,
  PullRefresh,
  Lazyload,
  NavBar,
  List,
  Cell,
  CellGroup,
  Tag,
  DropdownMenu,
  DropdownItem,
  Sticky,
  Dialog,
  Empty,
  Popup,
  Slider,
  Grid,
  GridItem,
  Overlay,
  SwipeCell
} from 'vant'
import 'vant/lib/index.css'
import router from '@/router/index'
import { key, store } from '@/store'
import App from './App.vue'
import '@/style/basic.scss'
import '@/style/index.css'

const app = createApp(App)

app
  .use(Button)
  .use(Search)
  .use(Icon)
  .use(Swipe)
  .use(SwipeItem)
  .use(VanImage)
  .use(Loading)
  .use(Tab)
  .use(Tabs)
  .use(PullRefresh)
  .use(Lazyload)
  .use(NavBar)
  .use(List)
  .use(Cell)
  .use(CellGroup)
  .use(Tag)
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(Sticky)
  .use(Dialog)
  .use(Empty)
  .use(Popup)
  .use(Slider)
  .use(Grid)
  .use(GridItem)
  .use(Overlay)
  .use(SwipeCell)
  .use(router)
  .use(store, key)
  .mount('#app')
